<template>
	<div>
		<swiper :getlunbo="lunbotuList"></swiper>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
		  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/newList">
		    <img src="../../img/menu.png" alt="">
		    <div class="mui-media-body">新闻资讯</div></router-link></li>
		  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/photoList">
		    <img src="../../img/menu2.png" alt=""><span class="mui-badge">5</span></span>
		    <div class="mui-media-body">图片分享</div></router-link></li>
		  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/GoodList">
		    <img src="../../img/menu3.png" alt="">
		    <div class="mui-media-body">商品购买</div></router-link></li>
		  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="#">
		    <img src="../../img/menu4.png" alt="">
		    <div class="mui-media-body">留言反馈</div></router-link></li>
		 <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="#">
		    <img src="../../img/menu5.png" alt="">
		    <div class="mui-media-body">视频专区</div></router-link></li>
		  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="#">
		    <img src="../../img/menu6.png" alt="">
		    <div class="mui-media-body">联系我们</div></router-link></li>
		</ul> 
	</div>
</template>

<script>
	import { Toast } from 'mint-ui'
	import swiper from '../subcomponents/swiper.vue'
	export default {
		data () {
			return { 
				lunbotuList: []
			}
		},
		methods: {
			getlunbotu () {
				this.$http.get('http://www.liulongbin.top:3005/api/getlunbo').then(result => {
					// console.log(result.body)
					if (result.body.status === 0) {
						this.lunbotuList = result.body.message
					}else {
						Toast('获取图片信息失败')
					}
				})
			}
		},
		created () {
			this.getlunbotu()
		},
		components: {
			swiper
		}
	}
</script>

<style lang="less" scoped>
.mui-grid-view.mui-grid-9 {
	background: white;
	.mui-table-view-cell {
		border: none; 
		img {
			width: 50px;
			height: 50px;
		}
	}
}

</style>